.logo
{
    margin-top: 100px;
    width:200px;
    display: none;
    position:relative;
}

.logomiddle
{
    margin-top: 100px;
    width:500px;
    display: none;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
}

img.getstarted
{
    width:70px;
    position:absolute;  
    display: none;
    left:300px;
}
div.getstartedouter
{ 
    position: absolute;
    height:100px;
    overflow: hidden;
    text-align:center;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    //background-color: green;
}
div.getstartedinner
{
    margin-top: 100px;
    position:relative;
    font-size: 80px;     
    text-align: center;     
    z-index: 9999;    
    display: inline-block;   
    height:200px;
    cursor: pointer;
}


table.period
{
    width:500px; 
    margin-left:auto; 
    margin-top:100px; 
    margin-right: auto;
}

.selection
{
    width:100px;
}

.bigfont
{
    font-size:50px;
}

.visualization{    
    height:400px;
    border:none;
    padding-top: 30px; 
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    position: absolute;
}


div.visualization
{
    text-align: center;
    color: black;
    font-size: 20px;
}

.cloudhisto
{
    font-size: 50px;
    cursor: pointer;
}